@mixin tabla{
	@include tabledisenio();
	.v-caption {
		color:#434A58;	    
	    background-color: #F0F2EF;//Para el fondo de la cabecera
		box-shadow: 0 0 0 1px #E5E5E5;//Para el margen de la cabecera
	    @include estilofuentes(Stag Sans,book,18px);
	}
}

@mixin tabledisenio($primary-stylename: v-table){
	.#{$primary-stylename}{
		background: none repeat scroll 0 0 #ffffff;
    	color: #0065B7;
    	position: relative;
    	@include estilofuentes(Arial,bold,12px);    	
	}
	.#{$primary-stylename}-header{
		color: #0065B7;
		background-color: #F4F7F5;//Para el fondo de la cabecera
		box-shadow: 0 0 0 1px #E5E5E5;//Para el margen de la cabecera
		border-bottom: 1px solid #D4D4D4;
		@include estilofuentes(Stag Sans,book,16px);	
	}
	.#{$primary-stylename}-header-wrap,.#{$primary-stylename}-footer-wrap,.#{$primary-stylename}-header-drag{
		/*background-color: #e5e5e5;
    	border: 1px solid #ffffff;
    	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    	white-space: nowrap;*/
	}
	.#{$primary-stylename}-column-selector:hover:after{
		background-color: rgba(186, 186, 186, 0.1);
	}
	.#{$primary-stylename}-cell-content{
		background-color: #FFFFFF;
		border-left: 0px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
    	height: 37px;
    	overflow: hidden;
    	vertical-align: middle;
	}
	.#{$primary-stylename}-body {
	    -moz-user-select: text;
	    border: 1px solid #ffffff;    
	}
}

@mixin estilofuentes($style,$weight,$size){
	font:{
	   	style:$style;
       	weight:$weight;
      	size:$size;
    }
}